<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dialog</title>

<link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />

<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="../ui.dialog.js"></script>
<link type="text/css" href="../ui.dialog.css" rel="stylesheet" />

<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>

<script type="text/javascript">
function open1()
{
	var dialog = $.dialog({
			Title:'内容页为页面DIV内容',
			Width:300,
			Height:150,
			InvokeElementId:'forlogin',
			OKEvent:function(){
					topWin.$id("username").value||Dialog.alert("用户名不能为空");
					topWin.$id("userpwd").value||Dialog.alert("密码不能为空")
			}
		}).show() ;
}
</script>

</head>
<body>

  <div class="item">
    <input type="button" id="a" value="内容页为页面DIV内容" onclick="open1()"/>
</div>
<div id="forlogin">
      <table width="100%" border="0" align="center" cellpadding="4" cellspacing="4" bordercolor="#666666">
        <tr>
          <td colspan="2" bgcolor="#eeeeee">用户登陆</td>
        </tr>
        <tr>
          <td width="50" align="right">用户名</td>
          <td><input type="text" id="username" /></td>
        </tr>
        <tr>
          <td align="right">密　码</td>
          <td><input type="text" id="userpwd"  /></td>
        </tr>
      </table>
    </div>
</body>
</html>